.banner{overflow: hidden; padding-left: 0; padding-right: 0;}

.max1400 {
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.form-control{box-shadow:none}

/* 导航 */

.pc-header{ position: fixed;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  padding: 0 1rem;

  z-index: 55;

  height: .89rem;

  background: rgba(255,255,255,0);

 border-bottom: 0.01rem solid rgba(255,255,255,0.3);transition: all .3s ease;}

.logo img{width: 240px; }

.logo img:nth-child(2){display: none;}

.header-nav{ display: flex;align-items: center;justify-content: flex-end; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}

.header-nav a{display: block;color: #ffffff; margin-right: 0.5rem;font-size: 16px;font-weight: 500;line-height: 0.22rem; transition: color .3s ease;}

.header-nav a:hover{color: #EB4709 !important;}

.header-right{ display: flex;align-items: center;transition: all .3s;color: #ffffff; padding-left: 1.84rem ;}

.header-right > img{width: 0.18rem; margin-right: 0.24rem;transition: all .3s ease; cursor: pointer;}

.header-right > img:nth-child(2){display: none;transition: all .3s ease; cursor: pointer;}

.tell{display: flex;align-items: center;transition: all .3s ease; border-left: 0.01rem solid rgba(255,255,255,0.3); font-family: "DINRegular";}

.tell>img{width: 0.18rem;margin-right: 0.04rem;margin-left: 0.24rem;transition: all .3s ease;}

.tell>img:nth-child(2){display: none;margin-right: 0.04rem;}

/* 导航滚动以及鼠标移入状态 */

.pc-header:hover{ background: rgba(255,255,255,1);}

.pc-header:hover .logo img:nth-child(2),.pc-header.on .logo img:nth-child(2),.pc-header:hover .header-right > img:nth-child(2),.pc-header.on .header-right > img:nth-child(2),.pc-header:hover .tell>img:nth-child(2),.pc-header.on .tell>img:nth-child(2){display: block;}

.pc-header:hover .logo img:nth-child(1),.pc-header.on .logo img:nth-child(1),.pc-header:hover .header-right > img:nth-child(1),.pc-header.on .header-right > img:nth-child(1),.pc-header:hover .tell>img:nth-child(1),.pc-header.on .tell>img:nth-child(1){display: none;}

.pc-header:hover .header-nav a,.pc-header:hover .header-right{color: #333333;}

.pc-header.on{ background: #ffffff;box-shadow: rgb(102 102 102) 0.01rem 0.01rem 0.08rem;}

.pc-header.on .header-nav a,.pc-header.on .header-right{color: #333333;}

.pc-header:hover .tell,.pc-header.on .tell{border-left: 0.01rem solid rgba(0,0,0,0.2);}

/* 索搜框 */

.search-box{

  position: fixed;

    height: 1rem;

    background: #fff;

    top: 0;

    left: 0;

    right: 0;

    height: .89rem;

    z-index: 999;

    padding: 0 23%;

    display: flex;

    opacity: 0;

    justify-content: center;

    align-items: center;

    transform: translateY(-100%);

    cursor: pointer;

    transition: all .5s ease;

}

.search-close {

  display: flex; 

  align-items: center;

  width: .22rem;

  margin-left: 13.8vw;

  cursor: pointer;

  transition: all .3s ease;

}

.search-box >input{border-bottom: 1px solid #d7d7d7;width: 4rem;height: 50px;}

.search-box > img {width: 36px; height: 36px;}

.search-close:hover{transform: rotate(180deg);}

.search-box.on{transform: translateY(0%); opacity: 1;}



/* 手机端导航 */

.m-header{position: fixed;   top: 0; left: 0; right: 0; z-index: 99;}

.m-header .m-header-title{display: flex;align-items: center;height: 60px; padding: 0 20px;z-index: 56;  background: #fff;}

.m-header .m-header-title img{width: 1rem;}

.m-header .nav-icon {

  display: block;

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -7px;

}

.m-header .nav-icon span {

  display: block;

  width: 22px;

  height: 2px;

  background: #333;

  border-radius: 2px;

  transition: all .3s linear;

}

.m-header .nav-icon span:not(:first-child) {

  margin-top: 4px;

}

.m-header .nav-icon.on span:nth-of-type(1) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

}

.m-header .nav-icon.on span:nth-of-type(2) {

  width: 0;

}

.m-header .nav-icon.on span:nth-of-type(3) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,-6) rotate(

-45deg

);

}

.m-header-nav{ position: fixed; top: 60px; right: 0; left: 0; bottom: 0; background: #ffffff;  z-index: 50; display: none;}

.m-header-nav a{display: block;color: #333333;  line-height: 0.45rem; font-size: 18px; padding: 0.05rem 0.3rem;}

/* 轮播 */

.banner{position: relative;height: 100vh;}

.banner .swiper-slide img{ object-fit: cover; height: 100%; width: 100%;}

.banner-txt{position: absolute; left: 2.6rem; right: 2.6rem; top:3.72rem ; color: #fff;}

.banner-txt h3{font-size: 0.56rem;font-weight: 500;color: #FFFFFF;line-height: 0.78rem;}

.banner-txt p{font-size: 0.28rem;font-weight: 500;color: #FFFFFF;line-height: 0.4rem; margin-top: 0.12rem; max-width:42% ; margin-bottom: 0.5rem;}

.banner-more-btn{ color: #EB4709; background: #fff; transition: all .3s ease;}



.banner-more-jiantou{background: #EB4709 !important;}

.banner-more-jiantou::after{border-right: 0.02rem solid #EB4709 !important;border-bottom: 0.02rem solid #EB4709 !important;}

.banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 35; left: 0;justify-content: center;right: 0;top: 93vh;}

/* .banner-info img{ width: 20px; margin-left: 0.1rem; margin-right: 0.1rem;} */

.page-num1{position: absolute;  right: 0; top:87vh;  z-index: 8; color: #ffffff;}

.page-num1 div{position: relative;  display: flex; align-items: center;}

.page-num1 span:nth-child(1){font-family: "DIN";font-size: 0.4rem;font-weight: 500;line-height: 0.48rem;}

.page-num1 #num2{font-family: "DINRegular";}

.banner-line{width: 1.2rem; height: 1px; background: rgba(255, 255, 255, 0.4); display: inline-block; margin-left: 4px;}

.banner .swiper-button-next,.banner .swiper-button-prev{ top: unset; width: 14px; height: 14px; background-size: 14px 14px;}

.banner .swiper-button-prev,.banner  .swiper-container-rtl .swiper-button-next{left: unset; right: 0.59rem;top:89vh;background-image: url("../images/up.png");}

.banner .swiper-button-next,.banner  .swiper-container-rtl .swiper-button-prev{right: 0.59rem;top:93.5vh; background-image: url("../images/down.png");}

.banner-more-btn:hover{background-color: #EB4709  !important;color: #fff !important; transform: translateY(15px);}

.banner-more-btn:hover .banner-more-jiantou{background: #fff !important;}

.banner-more-btn:hover .banner-more-jiantou::after{border-right: 0.02rem solid #fff !important;border-bottom: 0.02rem solid #fff !important;}

.banner-info .mouse {

  width: 22px;

  height: 32px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 0.1rem;

  position: relative;

}

.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

#banner  .swiper-slide-active .banner-txt h3 {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.1s;

  -webkit-animation-delay: 0.1s;

}

#banner .swiper-slide-active  .banner-txt p {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.2s;

  -webkit-animation-delay: 0.2s;

}

#banner .swiper-slide-active  .banner-txt a{

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.3s;

  -webkit-animation-delay: 0.3s;

}



/* 第二部分 */

.section2{position: relative; overflow: hidden;}

.section2-left{padding-left: 1.8rem;padding-top: 1.13rem; padding-right:39% ; padding-bottom: 0.66rem;}

.section2-left .section2-left-all .section2-left-txt h3{font-size: 30px; color: #333333;font-weight: 600;line-height: 0.54rem; max-width: 90%;  }

.section2-left .section2-left-all .section2-left-txt  p{font-size: 15px; color: #333333;font-weight: 400;line-height: 0.34rem; margin-top: 0.37rem;max-width: 90%;}

.num-list{margin-top:40px;margin-left: -0.4rem;max-width: 97%;}

.num-list::after{content: ''; display: block; clear: both;}

.num-list .num-list-item{float: left; width: 20%;text-align: center; }

.num-list .num-list-item p span{font-family: "DIN-blod";color: #EB4709; line-height:0.78rem;font-size:40px;}

.num-list .num-list-item p{font-size: 0.16rem;font-weight: 400;color: #333333;line-height: 0.22rem;}

.num-list .num-list-item p:nth-child(1){color:#EB4709 ;}

.num-list .num-list-item p:nth-child(2){ height: 0.44rem; overflow: hidden;}

.section-more{margin-top: 0.56rem;}

.section-more span{font-size: 0.32rem; font-weight: 400; color: #333333; line-height: 0.38rem; font-family: "BarSemiCondRegular";}



a.more-btn{ font-weight: 400; padding:0  0.41rem; height: 0.56rem;   line-height: 0.54rem;    display: inline-flex; align-items: center; transition: all .6s ease;}

.jiantou{display: inline-block; width: 0.14rem; height: 0.02rem; background: #333333; margin-left: 0.1rem; position: relative; transition: all .6s ease;}

.jiantou::after{content: ''; position: absolute; width: 0.1rem; height: 0.1rem; border-right: 0.02rem solid #333333;border-bottom: 0.02rem solid #333333; transform: rotate(-45deg); right: 0; margin-top: -0.04rem; transition: all .6s ease;}



.section-more a.more-btn{color: #333333;background-color:#F2F3F4 ;font-size: 0.16rem;float: right ; margin-right: 0.6rem ;}

.section-more a.more-btn:hover{background-color: #EB4709; color: #ffffff;}

.section-more a.more-btn:hover .jiantou{background: #ffffff;}

.section-more a.more-btn:hover .jiantou::after{border-right: 0.02rem solid #ffffff;border-bottom: 0.02rem solid #ffffff;}

.section2-right{position: absolute;top: 0; bottom: 0; right: 0; width:39% ;  overflow: hidden;}

.section2-right .video{display: none;}

.section2-right video{object-fit: cover; width: 100%; height: 100%;}

 .cover-img{width: 100%; height: 100%;background:  url("../images/video-img.jpg") no-repeat;  position: relative; cursor: pointer; background-size: cover;}



 .cover-img .play-icon{width:1.2rem ; height: 1.2rem; position: absolute; left: 50%; top: 50%; margin-left: -0.6rem; margin-top: -0.6rem;animation: myrotate 1s linear infinite;z-index: 15;}

@keyframes myrotate {

  0%{-webkit-transform:rotate(0deg);}

  25%{-webkit-transform:rotate(90deg);}

  50%{-webkit-transform:rotate(180deg);}

  75%{-webkit-transform:rotate(270deg);}

  100%{-webkit-transform:rotate(360deg);}

}



.section3{ background: url("../images/img3.jpg") no-repeat; background-size: cover; background-position: center center; padding-top: 0.85rem; padding-bottom: 1.35rem; overflow: hidden;}

.section-title{font-size: 0.4rem;font-weight: 500;line-height: 0.56rem; text-align: center; max-width: 80%; margin: auto;}

.section-sub-title{font-size: 0.2rem;font-weight: 400;line-height: 0.28rem; text-align: center;max-width: 80%; margin: auto; margin-top: 0.25rem;}

.section3-all-box{display: flex; margin-top: 0.93rem;}

.section3-item {flex: 1; text-align: center; align-items: center;}

.section3-item:not(:last-child){border-right: 0.01rem solid rgba(255,255,255,0.3);}

.section3-item img{ height: 1.8rem; width: 1.8rem; margin: auto; margin-bottom: 0.61rem;transform: translateY(0); transition: all .3s ease ;}

.section3-item:hover  img{transform: translateY(-15px);  }

.section3-item p.section3-item-p1{color: #ffffff;font-size: 0.28rem;font-weight: 500;line-height: 0.4rem;}

.section3-item p.section3-item-p2{

  font-size: 0.3rem;font-weight: 400;

  margin-top: 0.1rem;

  color: #FFFFFF;

  line-height: 0.42rem;

  font-family: "BarSemiCondRegular";

}

.section3-item a.section3-btn{ display: inline-block; width:0.55rem ; height: 0.55rem; margin-top: 0.7rem ; overflow: hidden;}

.section3-item a.section3-btn img{object-fit: cover; height: 100%; width: 100%;margin-bottom: 0rem;}

.section3-item a.section3-btn img:nth-child(1){transform: translateY(0); transition: all .3s ease;}

.section3-item a.section3-btn img:nth-child(2){transform: translateY(100%); transition: all .3s ease;}

.section3-item a.section3-btn:hover img:nth-child(1){transform: translateY(100%); }

.section3-item a.section3-btn:hover img:nth-child(2){transform: translateY(-100%); }

.section4{padding-top: 0.83rem ;padding-left: 0; padding-right: 0; overflow: hidden;}

.section4-container {

  display: flex;

  box-sizing: border-box;

  height: 5.6rem;

  margin-top: 0.48rem;

}



.box {

  flex: 1;

  overflow: hidden;

  transition: .5s;

  margin: 0;

  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);

  line-height: 0;

  position: relative;

  cursor: pointer;

}



.box > img {

  width: 200%;

  height: 100%;

  -o-object-fit: cover;

    object-fit: cover;

  transition: .5s;

}

.box:hover {

  flex: 1 1 35%;

}



.box:hover > img {

  width: 100%;

  height: 100%;

}

.section4-txt {

  position: absolute; left: 0; right: 0; bottom: 0;top: 0;padding: 0.6rem 0.3rem 0.68rem 0.3rem; background: rgba(31, 61,122,0.7); transition: all .3s ease;

}

.section4-txt p{font-size: 0.32rem;font-weight: 400;color: #FFFFFF;line-height: 0.3rem; letter-spacing: 0.02rem;}

.section4-txt p span{font-size: 0.22rem;font-weight: 400;color: #FFFFFF;line-height: 0.3rem; margin-left: 0.1rem; opacity: 0; transform: scale(0); transition: all .3s ease;}

.section4-add{position: absolute; bottom: 0.68rem; width: 0.36rem;  height: 0.36rem; overflow: hidden; border: 1px solid #ffffff; transition: all .6s ease;}

.section4-add::after{content: ''; position: absolute; top: 50%; left: 50%; width: 0.2rem; margin-left: -0.1rem; height: 0.02rem; margin-top: -0.01rem; background: #ffffff;} 

.section4-add::before{content: ''; position: absolute; top: 50%; left: 50%; width: 0.2rem; margin-left: -0.1rem; height: 0.02rem; margin-top: -0.01rem; background: #ffffff; transform: rotate(90deg);} 

.section4-add-btn{color: #ffffff; height: 0.36rem !important; line-height: 0.36rem !important;padding: 0 0.15rem !important; opacity: 0; width: 0; transition: width .3s ease;  transition-delay: .2s; }

.section4-add-btn-jiantou{background: #ffffff;}

.section4-add-btn-jiantou::after{border-right: 0.02rem solid #ffffff;border-bottom: 0.02rem solid #ffffff;}

.section4-more{margin-top: 0.4rem; margin-bottom: 0.79rem; text-align: center;}

.section4-more a.more-btn{color: #333333;background-color:#F2F3F4 ;font-size: 0.16rem;}

.section4-more a.more-btn:hover{background-color: #EB4709; color: #ffffff;}

.section4-more a.more-btn:hover .jiantou{background: #ffffff;}

.section4-more a.more-btn:hover .jiantou::after{border-right: 0.02rem solid #ffffff;border-bottom: 0.02rem solid #ffffff;}

.box:hover .section4-add{width: 1.2rem;}

.box:hover .section4-add::after{width: 0; height: 0;}

.box:hover .section4-add::before{width: 0; height: 0;}

.box:hover  .section4-txt p span{opacity: 1; transform: scale(1);}

.box:hover  .section4-txt{background: transparent;}

.box:hover .section4-add-btn{ opacity: 1; width: 1.2rem;}

.section4-add-btn:hover{background: #EB4709;}

/* 第五部分 */

.section5{padding-left: 0; padding-right: 0; background: url("../images/img4.jpg") no-repeat; background-size: cover; background-position: center center; min-height: 9rem; overflow: hidden;}

.section5 .swiper-slide{padding-top: 0.7rem; padding-bottom: 1.14rem; }



.section5-title{ margin-bottom: 0.6rem;}

.section5-left{display: flex; color: #ffffff; flex-wrap: wrap; padding-top: 0.92rem;}

.section5-left div{width:25%;  margin: 0 10%;  }

.section5-left div img{width: 0.72rem; margin: auto;}

.section5-left div p{ margin-top: 0.12rem; margin-bottom: 0.35rem; text-align: center;font-size: 0.18rem; font-weight: 400;color: #FFFFFF;line-height: 0.25rem;}

.section5-mid img{ margin: auto;}

.section5-right{padding-left: 10%;}



.section5 .swiper-pagination-bullet{background: transparent; border: 1px solid rgba(255,255,255,0.7);}

.section5 .swiper-pagination-bullet-active{background: #fff;}

.section5 .swiper-container-horizontal>.swiper-pagination-bullets, .section5 .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0.75rem;}

.section5  .swiper-pagination{text-align: left; padding-left: 2.6rem;}

.section5-page{position: absolute; z-index: 15; bottom: 0.7rem; right: 2.6rem; color: #fff; display: flex; align-items: center;}

.section5-page span{font-family: "DIN";font-size: 0.32rem;line-height: 0.39rem;font-weight: 500; margin-left: 0.08rem;}



.section5  .swiper-slide-active .section5-left div {

  -webkit-animation: zoomIn1 1s;

  animation: zoomIn1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  /* animation-delay: 0.3s;

  -webkit-animation-delay: 0.3s; */

}

.section5 .swiper-slide-active  .section5-mid {

  -webkit-animation: zoomIn1 1s;

  animation: zoomIn1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.1s;

  -webkit-animation-delay: 0.1s;

}



/* 第六部分 */



.section6{ padding-left: 0; padding-right: 0; background: url("../images/img5.jpg") no-repeat;  background-size: cover; background-position: center center; padding-top: 0.8rem; padding-bottom: 1.21rem;overflow: hidden;}

.section6-title{text-align: left; max-width: 100%;}

.section6-top{position: relative; margin-bottom: 0.63rem;}

.section6-more{position: absolute; right: 0; top: 0; height: 0.54rem; line-height: 0.54rem; background: #F2F3F4;}

.section6-more:hover{background-color: #EB4709; color: #ffffff;}

.section6-more:hover .jiantou{background: #ffffff;}

.section6-more:hover .jiantou::after{border-right: 0.02rem solid #ffffff;border-bottom: 0.02rem solid #ffffff;}

.section6-item{ width: 100%; height: 100%;

padding: 0.5rem 0.3rem 0.59rem ; cursor: pointer;transition: all .6s ease; background: #fff; position: relative; overflow: hidden;}
.section6-item-bg{position: absolute; left: 0; top: 0; right: 0;bottom: 0; transform: translate(0,-100%); transition: all .5s ease;opacity: 0;}
.section6-item-bg::before{ content: ''; position: absolute; left: 0;right: 0; top: 0; bottom: 0; background-color: transparent;  }
.section6-item-bg img{object-fit: cover; width: 100%; height: 100%;}

/* .section6-item::before{ content: ''; position: absolute; left: 0;right: 0; top: 0; bottom: 0; background-color: transparent; } */

.section6-item span {font-size: 12px; padding: 0.05rem 0.16rem; background: #EB4709; color: #ffffff; transition: all .6s ease; position: relative;}

.section6-item h3{font-size: 22px;font-weight: 500;color: #333333;line-height: 0.3rem; margin-top: 0.6rem; height: 0.6rem; overflow: hidden;transition: all .6s ease;position: relative;}

.section6-item p{font-size: 14px;font-weight: 400;color: #888888; line-height: 0.24rem; margin-top: 0.33rem; height: 0.72rem; overflow: hidden;transition: all .6s ease; position: relative;}

.section6-time{display: flex;align-items: center; position: relative; margin-top: 0.7rem;}

.section6-time samp{font-size: 14px; font-weight: 500; color: #888888; line-height: 0.24rem; font-family: "DIN";}

.section6-time a.more-btn{position: absolute; right: 0; transform: scale(0); opacity: 0; transition: all .3s ease; height: 0.36rem; padding: 0 0.27rem;transition: all .6s ease;}

.section6-item-padlr0{padding-left: 0; padding-right: 0; }

.section6-borright{border-right: 0.01rem solid #E7E7E9;}

.section6 .row{margin-right: -9px;margin-left: -9px;}

/* .section6-item:hover{background: url(../images/case1.jpg);background-size: cover; background-position: center center;

  box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2);

  } */
.section6-item:hover{background: transparent;
  box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2);
  }
.section6-item:hover .section6-item-bg{transform: translate(0,0);opacity: 1;}
.section6-item:hover .section6-item-bg::before{background-color: #EB4709;opacity: 0.46;}
  /* .section6-item:hover::before{background-color: #EB4709;opacity: 0.46;} */

.section6-item:hover .section6-time .more-btn{

  transform: scale(1);opacity: 1;border: 0.01rem solid #ffffff;

}

.section6-item:hover span{background: #ffffff; color: #EB4709;}

.section6-item:hover h3,.section6-item:hover p,.section6-item:hover .section6-time samp,.section6-item:hover .section6-time .more-btn{color: #FFFFFF;}



.section6-item:hover .section6-time .more-btn .jiantou{background: #ffffff;}

.section6-item:hover .section6-time .more-btn .jiantou::after{border-right: 0.02rem solid #ffffff;border-bottom: 0.02rem solid #ffffff;}



/* 第七部分 合作伙伴 */

.section7{padding-top: 0.9rem; padding-left: 0; padding-right: 0;}

.hezuo-box{ display: flex; width: 100%; overflow: hidden; flex-wrap: wrap; margin-top: 0.63rem;justify-content: space-between; }

.hezuo-box  div{width: 14.28571%;margin-bottom: 0.3rem; }

.hezuo-box div img{transition: all .3s ease;}

.hezuo-box div:hover img{   box-shadow: 0px 4px 16px 0px rgba(13, 24, 47, 0.2);}

/* 侧边客服 置顶 */

.side-box{ position: fixed; right: 0.2rem; bottom:1rem ; z-index: 50; min-height: 1.56rem; display: none;}

.kefu{position: relative; border-radius: 50%; cursor: pointer;}

.kefu::after{content: "";

  width: .76rem;

  height: .76rem;

  background: rgba(49, 113, 255, 0.1);

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -.38rem;

  margin-top: -.38rem;

  border-radius: 50%;

  animation: point1 2s infinite;}

.kefu img,.top img{height: 0.67rem; margin: auto;}

.top{margin-top: 0.2rem;  transition: all .3s ease; cursor: pointer;}



/* 视频弹框 */

#v-pop{position: fixed;

  z-index: 1000;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: none;

  visibility: hidden;

  align-items: center;

  justify-content: center;

  opacity: 0;

  pointer-events: none;

  transform: translateZ(0);

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;}

  #v-pop.on {

    opacity: 1;

    display: flex;

    pointer-events: auto;

    visibility: visible;

}

#v-pop .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.7);

}

#v-pop .con {

  padding: 1em;

  width: 64%;

  position: relative;

  transform: translate3d(0, 8px, 0);

  -webkit-transform: translate3d(0, 8px, 0);

  -moz-transform: translate3d(0, 8px, 0);

  -o-transform: translate3d(0, 8px, 0);

  -ms-transform: translate3d(0, 8px, 0);

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  opacity: 0;

  background-color: #333;

}

#v-pop.on .con {

  transform: none;

  -webkit-transform: none;

  -moz-transform: none;

  -o-transform: none;

  -ms-transform: none;

  opacity: 1;

}

#v-pop .con .del_p {

  position: absolute;

  bottom: calc(100% + 5px);

  left: calc(100% + 5px);

   width: 0.3rem;

   height: 0.3rem;

   border: 1px solid #fff;

   border-radius: 50%;

   cursor: pointer;

}

#v-pop .con .del_p::after{content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top:-35%;}

.video-box {

  height: 70vh;

  overflow: hidden;

}

.video-box video{ object-fit: cover; height: 100%; width: 100%;}

/* 底部 */

.footer{background: url("../images/img-footer.jpg") no-repeat; background-position: center center; background-size: cover;  color: #FFFFFF; padding-top: 50px;  overflow: hidden;}

.footer-content-top{display: flex; justify-content: flex-end;}

.footer-left{padding-left: 200px; padding-right:200px; flex: 1; }

.footer-left-top{border-bottom:1px solid rgba(255,255,255,0.1) ; display: flex; align-items: center; padding-bottom: 50px;}

.footer-left-top img{ width: 280px; margin-right: 100px;}

.footer-link{ flex: 1; display: flex; justify-content: space-between;}

.footer-link a{ color: #FFFFFF;font-size: 16px;font-weight: 500; line-height: 22px; transition: all .3s ease;}

.footer-link a:hover{color: rgba(255,255,255,0.7);}

.footer-left-bottom{display: flex; align-items: center; margin-top: 70px;}

.footer-code{display: flex;}

.footer-code div{padding: 19px; border: 1px solid rgba(255,255,255,0.2);}

.footer-code div:nth-child(1){margin-right: 50px;}

.footer-code div:nth-child(2){margin-right: 70px;}

.footer-code div img{width: 128px;}

.footer-info{display: flex;color: #FFFFFF;}

.footer-info div img{width: 50px; }

.footer-tel{margin-right: 80px;}

.footer-info .footer-p1{font-size: 16px;font-weight: 500;line-height: 22px; margin-top: 24px;}

.footer-info .footer-p2{font-size: 26px;font-weight: 500;line-height: 31px; font-family: "DIN"; margin-top: 3px;}

.footer-info .footer-p3{font-size: 14px;font-weight: 400;line-height: 28px; margin-top: 12px;}



.footer-right{padding-right: 100px;  padding-left:9px; border-left: 1px solid rgba(255,255,255,0.2);}

.footer-right p{font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 33px; margin-bottom: 37px;}

.footer-form input,.footer-form textarea{  background: #3B4760;  padding-left: 15px;border-radius: 2px; }

.footer-form input{ height: 48px;}

.footer-form input:nth-child(1){margin-right: 20px;}

.footer-form textarea{height: 156px; width: 100%; margin-top: 20px; padding-top: 15px;}

.footer-form input::-webkit-input-placeholder,.footer-form textarea::-webkit-input-placeholder {

  color: #BDC2CE;

}

.footer-form input:-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {

  /* FF 4-18 */

  color: #BDC2CE;

}

.footer-form input::-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {

  /* FF 19+ */

  color: #BDC2CE;

}

.footer-form input:-ms-input-placeholder,.footer-form textarea::-webkit-input-placeholder  {

  /* IE 10+ */

  color: #BDC2CE;

}

.footer-form button{ height: 44px; line-height: 44px; color: #ffffff;font-size: 14px;font-weight: 400; width: 144px;  margin-top: 20px; background: #EB4709; transition: all .3s ease; border-radius: 2px;}

.footer-form button:hover{background: #fff; color: #EB4709;}

.footer-copyright{border-top:1px solid rgba(255,255,255,0.1) ; margin-top: 70px; padding: 26px 200px; display: flex;justify-content: space-between;}

.footer-copyright-right{display: flex; align-items: center; justify-content: flex-end;}

.footer-copyright-right p,.footer-copyright-left p{font-size: 14px; font-weight: 400;color: #818B9F;line-height: 20px;}

.footer-copyright-right p a{color: #818B9F;}

.footer-copyright-left p{border: 1px solid rgba(255,255,255,0.1); height: 50px;line-height: 50px; border-radius: 25px;}

.footer-copyright-left p img{width: 24px; margin-left: 27px; margin-right: 25px; display: inline-block;}

.footer-copyright-left p a {color: #fff; transition: all .3s ease;}

.footer-copyright-left p  span{padding-left:25px; padding-right: 50px;  border-left: 1px solid rgba(255,255,255,0.1);}

.footer-copyright-left p a:hover{color: #EB4709;}

.footer-about{position: fixed;z-index: 5; width: 100%; bottom: 0; left: 0; height: 600px;}

@media (max-width: 780px){

  .banner{height: 100%;}
  .banner-info {align-items: normal;}
  .banner-info span{display: none;}
  .banner .swiper-button-prev{top:82%}
  .banner .swiper-button-next{top:87%}
  .banner-info{top: 90%;}
  .page-num{top: 80%;}
  /* .banner .swiper-slide img{height: 100%; width: unset;} */

  .banner-txt{left: 30px;right: 30px;top: 180px;}

  .banner-txt h3{font-size: 0.36rem;}

  .banner-txt p{max-width: 100%; font-size: 0.25rem;}

  /* .banner .swiper-button-prev{top: 66%;}

  .banner .swiper-button-next{top: 70%;}

  .page-num{top: 64.5%;} */

  .section2{background-size: 100% auto; background-position: center center;} 

  .section2-left{padding-left: 15px;padding-right:15px; padding-top: 0.5rem;}

  .section2-left .section2-left-all .section2-left-txt h3,.section2-left .section2-left-all .section2-left-txt  p{max-width: 100%;}

  .section2-left .section2-left-all .section2-left-txt h3{font-size: 0.3rem;}

  .num-list{margin-left: 0;}
  .num-list .num-list-item p span{ font-size:24px;}

  .num-list .num-list-item{width: 25%; margin-bottom: 0.3rem; text-align: center;}

  .section-more{margin-top: 0.2rem;}

  .section2-right{ position: static; height: 300px; width: 100%; margin-bottom: 0.45rem;}

  .section3-all-box{display: block;}

  .section3-item:not(:last-child){border-right:0; border-bottom: 0.01rem solid rgba(255,255,255,0.3); padding-bottom: 0.3rem; margin-bottom: 0.3rem; width:48%; float:left}

  .section-more a.more-btn{margin-right: 0;}

  .box:hover {

    flex: 1 1 75%;

  }

  .hezuo-box{ justify-content: left;}

  .hezuo-box  div{width:48%;margin-bottom: 0.3rem;}



  .footer-left-bottom{display: block;margin-top:0}

  .footer-code{justify-content: center;}

  .footer-code div:nth-child(2){margin-right: 0;}

  .footer-info{padding: 0rem 30px 0.3rem; justify-content: center;}

  .footer-info div{text-align: center; flex: 1;}

  .footer-info img{margin: auto;}

  .footer-tel{margin-right: 0.15rem;}

  .footer-copyright{padding: 0.26rem 30px; text-align: center; font-size: 12px;}

  .footer-copyright p{width: 100%;}

  .footer-copyright a{color: #ffffff;}

  .section6 .row{padding-left: 15px; padding-right:15px;}

  .section6-borright{border-bottom: 0.01rem solid #E7E7E9;}

  .section6-time{margin-top: 0.3rem;}

  .box:hover .section4-add{width: 1.4rem;}

  .box:hover .section4-add-btn{width: 1.5rem;}

  .section5-left div{width: 50% ; margin: 0;}

  .section5-left:nth-child(1){padding-top: 0;}

  .section5-left:nth-child(2){padding-top: 0.35rem;}

  #v-pop .con{width: 83%;}

  .video-box{height: unset;}

  .section6-item p{font-size: 14px;}

}

@keyframes point1 {

  0% {

    transform:scale(.8);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(.8);

  }

}



.point1 {

  -webkit-animation-name: point1;

  animation-name: point1;

}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@keyframes fadeup1 {

0% {

  opacity: 0;

  -webkit-transform: translateY(150px);

  -ms-transform: translateY(150px);

  transform: translateY(150px);

}

100% {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

}

@keyframes zoomIn1 {

0% {

  opacity: 0;

  -webkit-transform: scale3d(.3,.3,.3);

  transform: scale3d(.3,.3,.3);

}

50% {

  opacity: 1;

}

}

.fn1 {

  animation-name: fn1;

  animation-duration: 1.2s;

  animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);

}

@keyframes fn1 {

  0% {

    opacity: 0;

    clip-path: inset(100% 0 0 0);

    transform: translate3d(0%, 20px, 0);

  }

  100% {

    opacity: 1;

    clip-path: inset(0 0 0 0);

    transform: none;

}

}

/* 标题栏共用样式 */

.m0-p0{margin: 0  !important;padding: 0 !important;}

.banner-p0{ padding: 0 !important;}

.banner-box{position: relative; height:6.8rem; background-position: center; background-size: cover; }

.contact-txt{position: absolute; top: 2.75rem; left:13.668%;color: #ffffff;max-width: 74%;}

.contact-txt h3{font-size: 0.56rem;font-weight: 500;line-height: 0.78rem; margin-bottom: 0.12rem;}

.contact-txt  span{font-size: 0.28rem;font-weight: 500;line-height: 0.4rem;}

.nav-box{height: 0.8rem; position: absolute; left: 0; bottom: 1px; right: 0; border-top: 1px solid rgba(255,255,255,0.3); color: #ffffff;}

.nav-title{text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;height: 0.8rem; font-size: 0px;}

.item-a {

  color: #ffffff;

  display: inline-block; 



  height: 0.8rem; 



  line-height:0.8rem;



  text-align: center;



  position: relative;



  overflow: hidden;



}



.item-a::after{



content: ''; position: absolute; height: 0.2rem;  top: 50%; right: 0;width: 0.01rem;background: rgba(255,255,255,0.3);margin-top: -0.1rem;



}



.item-a:hover::after,.item-a.on::after,.item-a:last-child::after{background:transparent}



.item-a .icon {



display: inline-block;



vertical-align: middle;



width: .22rem;



height: .22rem;



position: relative;



margin-right: .1rem;



z-index: 2;



}



.item-a span {



font-size: 0.16rem;



color: #ffffff;



display: inline-block;



vertical-align: middle;



position: relative;



z-index: 2;



transition: all .3s ease;



}



.item-a.on{background: #EB4709;}





.item-a .icon img {

  position: absolute;

  left: 0;

  top: 0;

  transition: all .3s ease;

}

.nav-title a img {

  display: inline-block;

  width: 0.2rem;

}



.item-a.on span ,.item-a:hover span{



	color: #fff;



}



.item-a::before{



	content: "";



	position: absolute;



	left: 0;



	top: 0;



	bottom: 0;



	width: 0;



	transition: all .3s ease;



}

.item-a:hover::before{

	background-color: #EB4709;width:100%;

}

.sub-nav-title{background: #FFFFFF;  height: 1rem; display: flex;align-items: center; justify-content: center; border-bottom: 0.01rem solid #F0F1F2;}

.sub-nav-title a{padding: 0 0.4rem; height: 0.48rem; display: inline-flex;  line-height: 0.48rem; color: #999999;font-size: 0.16rem;border: 1px solid #CBCCCD;border-radius: 0.24rem; transition: all .3s ease; margin-right: 0.3rem;}

.sub-nav-title a.on,.sub-nav-title a:hover{background: #EB4709; border: 1px solid #EB4709; color: #fff;}

/* 手机端标题栏 */

.mobile-contact-nav{background-color: #EB4709;box-shadow: 0px 10px 30px 0px rgb(51 51 51 / 8%);}

.mobile-item-active{height: 50px; position: relative; padding-right: 20px;  }

.mobile-item-active::after{content: ''; position: absolute; width: 10px; height: 10px; right: 5px;border-top: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0;transform: rotate(45deg); top: 50%; margin-top: -5px;transition: all 0.3s;}

.mobile-item-active.is-active::after{ transform: rotate(135deg); }

.mobile-item-active a{font-size: 0.2rem;color: #ffffff; line-height: 50px;}

.mobile-item-active{height: 50px; line-height: 50px;}

.mobile-item-active img{width: 18px; display: inline-block; margin-top: -0.01rem; }

.mobile-item-list{display: none; opacity: 0.7;}

.mobile-contact-nav-title ul {padding: 0; margin: 0;}

.mobile-contact-nav-title ul li a{padding: 0.2rem ;font-size: 0.2rem;color: #ffffff;line-height: 20px; display: block;position: relative;}

.mobile-contact-nav-title ul li .mobile-sub-item a{display: block; padding: 0.1rem; line-height: 20px;padding-left: 25px;font-size: 0.2rem;color: #ffffff; border-bottom: 0; }

.mobile-sub-item{display: none;}

.mobile-item-list a,.mobile-sub-item{border-bottom: 1px solid #dbdbdb;}

.sub-active::after{content: ''; position: absolute; width: 10px; height: 10px; right: 5px;border-top: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0;transform: rotate(45deg); top: 50%; margin-top: -5px;transition: all 0.3s;}

li.is-active  .sub-active::after{ transform: rotate(135deg); }

.mobile-item-list li a.on{color: #ffffff;}

.mobile-contact-nav-title ul li a img {

  display: inline-block;

  width: 20px;

  margin-right: 3px;

}

/* 资料中心 */

.about-padlr{padding-left: 0.54rem;padding-right: 0.54rem;}

.dataCenter-content-bg{background: #F5F6F8; }

.content-title{display: flex; align-items: center; justify-content: space-between; margin-top: 0.6rem; margin-bottom: 0.84rem; }

.content-title-h4{font-size: 0.4rem;font-weight: 400;color: #212121;line-height: 0.54rem;}

.tab-title{display: flex; justify-content: end; align-items: center;}

.tab-title a{ margin-left: 0.54rem;font-size: 0.2rem;line-height: 0.28rem;font-weight: 400;color: #333333; transition: all .3s ease;}

.tab-title a.on,.tab-title a:hover{color:#EB4709 ;}

.dataCenter-content-list{display: none; flex-wrap: wrap; justify-content: space-between; align-items: left; margin-bottom: 0.8rem;}

.dataCenter-content-list .dataCenter-content-items{ display: flex;  width: 50%;height: 0.8rem; margin-bottom: 0.4rem;}

.dataCenter-content-list .dataCenter-content-item{display: flex; background: #FFFFFF; width: 97%;align-items: center;justify-content: space-between; transform: translateY(0); transition: all 0.6s ease;}

.dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left: 3%;}

.dataCenter-content-list .dataCenter-content-item img.item-img1{ width: 0.28rem; margin-left: 0.38rem; margin-right: 0.26rem;}

.dataCenter-content-list .dataCenter-content-item img.item-img2{ width: 0.32rem;  margin-right: 0.3rem;}

.dataCenter-content-list .dataCenter-content-item p{ flex-wrap: 1; color: #212121; width: 100%;font-size: 0.18rem;font-weight: 400;}

.dataCenter-content-list .dataCenter-content-item:hover{transform: translateY(-15px);}

.dataCenter-content-list.active{display: flex;}

.dataCenter-content-list.active{

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;}

/*维保服务  */

.MaintenanceService{padding-top: 0.8rem; padding-bottom: 1.2rem;}

.MaintenanceService-content{margin-top: 0.7rem; margin-bottom: 0.8rem;}

.MaintenanceService-content h6{font-size: 16px;font-weight: 500;color: #212121;line-height: 22px;}

.MaintenanceService-content p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 0.32rem; margin-bottom: 0.4rem;}

.form-box{ margin-top: 0.5rem;border: 1px solid #DFE2EB; padding: 0.83rem 1.4rem; border-radius: 4px;}

.form-box .form-inline .form-group{ width: 48%;background: #F5F6F7;  height: 0.6rem; line-height: 0.6rem;  overflow: hidden; margin-bottom: 0.4rem;position: relative;}

.form-box .form-inline .form-group .form-control{width: 100%; background: transparent; border: 0;height: 0.6rem; padding-left: 0.3rem;}

.form-box .form-inline .form-group:nth-child(odd){margin-right: 3.6%;}

.form-box .textarea-group{width: 100%  !important; margin-right: 0; height: 2rem !important;}

.form-box .textarea-group textarea{height: 2rem !important;}

.form-box .btn-default{height: 0.6rem;  background: #EB4709;border-radius: 4px; width: 3rem; color: #fff;font-size: 16px;font-weight: 400;}

.form-box em{color:#EC3030; }

.form-box .form-inline .form-group.required::after{top: 0.05rem !important;}

.form-box .textarea-group .form-control{line-height: 0.5rem;}

/* 服务热线 */

.hotline{ margin-top: 0.88rem;}

.hotline-p,.hotline p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 0.32rem; margin-top: 0.7rem;  margin-bottom:0.79rem ;}

.martop153{ margin-top: 1.53rem;}

.hotline2-bg{background: url("../images/service/hotline-bg.png") no-repeat; background-size: auto 81%; background-position: left top; }

.hotline-section2-list{display: flex; justify-content: space-between; margin-bottom: 3.13rem;flex-wrap: wrap;}

.hotline-list-item{display: flex; justify-content: center;align-items: center; }

.hotline-list-item span{font-size:0.92rem;font-family: "DIN";font-weight: 500;color: #EB4709;line-height: 1.11rem;text-shadow: 2px 5px 7px #C5D2EE; margin-right: 0.15rem;}

.hotline-list-item div p{font-size: 0.17rem;font-weight: 500;color: #696D76;line-height: 0.33rem;}

.hotline-list-item div p:nth-child(1){font-size: 0.20rem;color: #091221;line-height: 0.28rem;}

.hotline-section3-list{display: flex; margin-bottom: 1.73rem;}

.hotline-section3-list div:nth-child(1){margin-right: 0.88rem;}

.hotline-section3-list div p:nth-child(1){font-size: 0.16rem;font-weight: 500;color: #A5A5A5;line-height: 0.32rem; }

.hotline-section3-list div p:nth-child(2){font-size: 0.30rem;font-weight: 500;color: #212121;line-height: 0.32rem;font-family: "DIN"; margin-top: 0.06rem;}



/* 常见问题 */

.FrequentlyAskedQuestion-content{padding: 0 1.6rem;}



.dataCenter-content-list .FrequentlyAskedQuestion-content-items{width: 100%; display: block;  height: unset;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item{width: 100%;line-height: 0.8rem; height: 0.8rem; cursor: pointer;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1{width: 0.24rem; margin-left: 0.4rem; margin-right: 0.4rem;}

.FrequentlyAskedQuestion-content-box{width: 100%;  background: #fff; border-top: 1px solid #eaeaea; padding: 0.28rem 1.04rem 0.56rem; position: relative;color: #212121;display: none;}

.question-a{ width: 0.24rem; position: absolute; left: 0.4rem; top: 0.28rem;}

.FrequentlyAskedQuestion-content-box h4{font-size: 0.18rem;font-weight: 400;line-height: 0.25rem; margin-bottom: 0.08rem;}

.FrequentlyAskedQuestion-content-box  p{font-size: 0.16rem;font-weight: 400;line-height: 0.26rem; color: #999999; }

.martop30{margin-top: 0.3rem;}

.dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item:hover{transform: translateY(0px);}

.icon-up{width: 24px; height:24px; display: inline-block; border: 1px solid #EB4709; position: relative; border-radius: 50%; margin-right: 0.4rem;}

.icon-up::after{content: '';width: 0.08rem; height: 0.08rem; border-top: 1px solid #EB4709;border-right: 1px solid #EB4709; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -0.04rem; top: 50%; margin-top: -0.01rem;transition: all .3s linear;}

.FrequentlyAskedQuestion-content-items .dataCenter-content-item.on .icon-up::after{transform: matrix(1,0,0,1,0,6)  rotate(-225deg);margin-top: -0.1rem;}

.FrequentlyAskedQuestion-content-items:nth-child(even) .dataCenter-content-item{margin-left: 0 !important;}



/* 简介 */

.about-banner{position: fixed; z-index: 5; width: 100vw; }

.about-container{margin: 0 10%;}

.about-section2-bg{background: url("../images/about/bg-img.png") no-repeat ; position: absolute; background-position:  right top;top:73vh;pointer-events: none; z-index: 8; min-height: 90vh;overflow: hidden; width: 100%; background-color: #ffffff;}

.about-section2{ display: flex; padding-top:0.81rem ; padding-bottom: 0.56rem;}

.about-section2-right{flex: 1;  padding-left: 1rem; padding-top:1.57rem ; padding-right: 0;}

.about-section2-right h4{font-size: 0.36rem;font-weight: 600;color: #333333;line-height: 0.54rem; margin-bottom: 0.66rem;}

.about-section2-right p{font-size: 14px;font-weight: 400;color: #333333;line-height:28px; }

.about-section3{position: absolute;z-index: 8; top: 163vh; height: 120vh; background-color: #ffffff; width: 100%;}

.about-section3-left{ position: absolute; left: 0;width: 50%;background: url("../images/about/bg2.jpg") no-repeat;  background-position: bottom right; padding-left: 13.664%; background-size: cover;padding-right: 8%; padding-top: 1.4rem; padding-bottom: 1.56rem; z-index: 8; margin-top: 0.95rem; height: 912px;  transition: all .3s ease;  transform: translate3d(0,0,0);}



.about-section3-left h4{font-size: 0.36rem;font-weight: 600;color: #FFFFFF;line-height:0.54rem; margin-bottom: 0.8rem;width: 5.4rem;}

.about-section3-left p{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 28px; margin-bottom: 0.1rem; width: 5.4rem;}

.about-section3-right{position: absolute; right: 0; top: 0;  width: 55%;z-index: 5; min-height: 200px;}

.about-section3-right img:nth-child(1){max-width: 95%; margin-left: 5%;}

.about-section4{position: absolute; top: 283vh; width: 100%; background-color: #ffffff; height: 160vh; z-index: 8; padding-top: 1.2rem;}

.about-section4 .about-section4-title{ background: url("../images/about/TECHNOLOGY@2x.png") no-repeat; background-size: 100%; min-height: 1.83rem; text-align: center; padding-top: 0.4rem; }

.about-section4 .about-section4-title p{font-size: 0.24rem;font-weight: 600;color: #333333;line-height: 0.41rem;  }

.about-section4-num{display: flex; justify-content:space-between; align-items: center; margin-top: 0.68rem;}

.about-section4-num .about-section4-num-item{flex: 1; text-align: center;}

.about-section4-num .about-section4-num-item p{font-size: 16px;font-weight: 400;line-height: 22px;color: #333333;}

.about-section4-num .about-section4-num-item p:nth-child(1){color: #EB4709; margin-bottom: 0.02rem;}

.about-section4-num .about-section4-num-item p:nth-child(1) span{font-size: 0.64rem;font-weight: bold;color: #EB4709;line-height: 0.78rem;}

.about-section4-video{ margin-top: 1.1rem; width: 100%; height: 7.8rem; margin-bottom: 1.4rem;}

.about-video-cover{background: url("../images/about/about-cover.jpg") no-repeat; background-size: cover;}

.about-video-cover::after{background: no-repeat; opacity: 1;}

.about-section4-video .about-video{display: none; object-fit: cover; width: 100%; height: 100%;}

.about-section5{position: absolute; top: 443vh; width: 100%; background: transparent; height: 6rem;z-index: 20;}

/* 品牌理念 */

.brand-container{margin: 0 10%;}

.brand{padding: 0.8rem 0 1rem;}

.brand p{font-size: 14px;font-weight: 400;color: #333333;line-height: 28px;  margin: auto;margin-top: 0.3rem; margin-bottom: 0.8rem;}

.brand-p-width{max-width: 62%; }

.brand-img-item{height: 5.8rem; margin-bottom: 0.4rem; position: relative;}

.brand-img-item img{object-fit: cover; width: 100%; height: 100%;}

.brand-txt {position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; text-align: center;}

.brand-txt h3{font-size: 0.48rem;font-weight: 500;line-height: 0.67rem; margin-top: 2.22rem;}

.brand-txt p{font-size: 0.18rem;font-weight: 400;line-height: 0.25rem; margin: auto; margin-top: 0.04rem;color: #fff; margin-bottom: 0.32rem; max-width: 80%;}

.brand-txt .brand-line{display: inline-block; margin: auto; width: 0.68rem; height: 0.06rem; background: #EB4709; transition: all .5s ease; position: relative; }

.brand-img-item:hover .brand-txt .brand-line{width: 1rem; }

/* 人才团队 */

.teams{padding: 0.8rem 0 0.5rem;}

.teams-p-width{max-width: 75% }

.teams-bg{background: url("../images/about/bg-img.png") no-repeat; background-position: -15% right;margin-bottom: 2rem !important;}

.teams-container{ margin: 0 8.664%;}

.teams-slide{position: relative;}

.teams-slide img{object-fit: cover; height: 100%; width: 100%;}

.teams-slide .teams-txt {position: absolute; bottom:0.32rem ; left: 0.3rem;}

.teams-slide .teams-txt p{font-size: 0.24rem;font-weight: 400;color: #FFFFFF;line-height: 0.33rem;margin-bottom: 0.05rem;}

.teams-slide .teams-txt span{font-size: 0.16rem;font-weight: 400;color: #FFFFFF;line-height: 0.22rem; }

.teams-case {position: relative; padding: 0 6%; }

.teams-slide:nth-child(even){ margin-top: 0.8rem;}

.teams-case.pre-next-btn .swiper-button-prev{left: 0 !important;}

.teams-case.pre-next-btn .swiper-button-next{right: 2px !important;}

/* 历史记录 */

.history-title{ padding-top: 1.25rem; padding-bottom: 0.85rem;}



/* 发展历程 */

.history-bar{ height:1rem; position: relative; background: #fff; margin-bottom: 1rem;}



.history-thumbs{position: relative; top: 0;  left: 0; z-index: 10;  overflow: hidden; }

.history-thumbs::before{position: absolute; left: 0;  top: 50%; width: 100%;  height: 1px; content: '';z-index: 3; background: #e5e5e5;}



.swiper-slide {



	background-size: cover;



	background-position: center;



}



#gallery-thumbs {



 box-sizing: border-box;

 z-index: 5;



}



#gallery-thumbs .swiper-slide {



	width: 14.2857143%;



	height: 100%;



	/* opacity: 0.4; */



}



.swiper-slide-thumbs-item{ text-align: center; cursor: pointer;}



.swiper-slide-thumbs-item-top{ height: 1rem; position: relative; top: -0.01rem; z-index: 10;}

.swiper-slide-thumbs-item-top .history-dot {position: absolute; width: 0.09rem; height: 0.09rem; background: #C1C1C1; border-radius: 50%; left: 50%; top: 50%; z-index: 15; margin-left: -0.045rem; margin-top: -0.025rem; transition: all .3s ease;}



.swiper-slide-thumbs-item p{font-size: 0.18rem; font-family: "DIN-blod"; color: #212121; transition: all .3s ease;}



#gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot{

  width: 0.15rem; height: 0.15rem;

  background: #FFFFFF;

  border: 0.03rem solid #EB4709;

  margin-left: -0.075rem; margin-top: -0.055rem;

}



 #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p{

  color: #EB4709;

}





.history #gallery-top {



	height: 80%;



	width: 100%;



}

.history{background: url("../images/about/history-bg.png") no-repeat; background-position: left top;background-size: cover; min-height: 5.4rem;}

.history .history-content{  position: relative; z-index: 30;  }



.history .swiper-button-next,.history  .swiper-button-prev{



	top: 0.5rem;



	width: 0.32rem;



	height: 0.32rem;



	background-size:100%;



 	background-repeat: no-repeat;



 	margin-top: -0.16rem;



} 



.pre-next-btn .swiper-button-prev,.pre-next-btn .swiper-button-next{ width: 0.42rem; height: 0.42rem; border-radius: 50%; background-color: #EB4709; background-image: none;  }

.pre-next-btn .swiper-button-prev.swiper-button-disabled,.pre-next-btn .swiper-button-next.swiper-button-disabled{ border: 1px solid #E5E5E5; background-color: transparent;opacity: 1;}

.pre-next-btn .swiper-button-prev{left: 1.68rem;}

.pre-next-btn .swiper-button-next{right: 1.68rem;}

.pre-next-btn .swiper-button-prev::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(-135deg); left: 50%; top: 50%; margin-left: -0.025rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-next::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.05rem;position: absolute;}

.pre-next-btn .swiper-button-disabled.swiper-button-prev::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}

.pre-next-btn .swiper-button-disabled.swiper-button-next::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}



.history #gallery-top .history-content-left img{max-width: 95%;}



.history #gallery-top .history-content-right{padding-left: 0.35rem;padding-bottom: 0.4rem;}



#gallery-top .history-content-right h2{ font-size: 1.5rem;color: #EB4709; margin-bottom: 0.4rem;font-family: "DIN-blod"; }

#gallery-top .history-content-right p{ font-size: 0.18rem; line-height: 0.24rem; color: #333333; margin-bottom: 0.1rem;}

#gallery-top .history-content-right p span{font-family: "DIN-blod"; color: #8C8C8C;font-size: 0.19rem;line-height: 0.28rem;font-weight: bold;}

/* 知识产权 */

.intellectualProperty-top{padding: 0.2rem 1.8rem 0.8rem;}

.intellectualProperty-top p{ margin-top: 0.3rem;font-size: 14px;font-weight: 400;color: #333333;line-height: 28px;}

.intellectualProperty-list-img{padding-bottom:0 !important;}

.intellectualProperty-list-img img{object-fit: contain; height: 100%; width: 100%; }

 /* 荣誉 */

 @media (min-width: 990px){



	.product-item-padl20-padr20{padding-left: 20px ;padding-right: 20px ;}



	.product-margl5{margin-left: -5px;}

	}

 .honour{ padding-top: 0.4rem;}



.honour-top{padding: 0.2rem 0.7rem; background: #ffffff;}

.honour-top-left{height: 3.6rem;}

.honour-top-left img{object-fit: contain; height: 100%;}

.honour-top-right{ padding-left: 0.93rem; padding-top: 1rem;}



.honour-top-right h5{color: #333333; font-size: 0.38rem; line-height: 0.34rem; position: relative; margin-bottom:0.9rem ;}



.honour-btn {display: flex;width: 1.2rem;border: 1px solid #888888;color: #888888;height: 0.36rem;font-size: 0.12rem;border-radius: 0.02rem; line-height: 0.36rem; justify-content: center; align-items: center; position: relative; cursor: pointer;}

.honour-btn::before{content: ''; position: absolute; left: 0;top: 0; width: 0; transition: all .3s ease; height: 100%; z-index: 10;}

.honour-btn span{position: relative; z-index: 15;transition: all .3s ease;}

.more-icon{display: inline-block; width: 0.1rem; height: 0.01rem; background: #888888; position: relative; margin-left: 0.08rem; z-index: 15;transition: all .3s ease;}

.more-icon::after{content: ''; width: 0.06rem; height: 0.06rem; border-top: 0.01rem solid #888888;border-right: 0.01rem solid #888888; position: absolute; right:0 ; top: -0.02rem; transform: rotate(45deg); transition: all .3s ease;}



.honour-case-bottom{padding-bottom: 0.8rem;}

.honour-case-bottom .product-item .product-item-img img{ object-fit: contain; height: 100%; width: 100%; transition: all .3s ;}

.honour-btn:hover::before { width: 100%; background: #EB4709; }

.honour-btn:hover span{color: #FFFFFF;}

.honour-btn:hover .more-icon{background: #ffffff;}

.honour-btn:hover .more-icon::after{border-top: 0.01rem solid #ffffff;border-right: 0.01rem solid #ffffff;}

/* 弹出框 */

.honour-big-box{

	display: none;

	position: fixed;

	background: rgba(0, 0, 0,0.65);

	z-index: 9999999;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;}

.honour-big-img{

		width: 76%;

		min-height: 25vh;

		margin-top: 25vh;

		margin-left: 12%;

		text-align: center;

	}

	.honour-big-img > div{position: relative; display: inline-block;}

	.honour-big-img .close1{position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%;background: #ffffff;	opacity: 1; text-align: center;line-height: 40px; cursor: pointer;}

	.honour-big-img .close1::before{content: '';width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px; transform: rotate(45deg); top: 50%; margin-top: -1px;}

	.honour-big-img .close1::after{content: '';width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px;transform: rotate(-45deg);top: 50%; margin-top: -1px;}

	.honour-big-img > div img{

		max-width: 100%;

		margin: auto;

	

  }

  .product-list{padding-top: 0.6rem;  padding-left: 0; padding-right: 0;}



.product-item{  position: relative;top: 0;cursor: pointer; transition: all .3s; margin-bottom: 0.4rem; background-color: #ffffff;  text-align: center;}



.product-item-img{height: 4.2rem;padding: 0.2rem; overflow: hidden; }



.product-item .product-item-img img{ object-fit: cover; height: 100%; width: 100%; }



.product-item p{font-size: 16px; padding: 0.25rem 0.1rem ;}



.product-item:hover { top: 10px;box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.08);}

.product-list a:hover { color: #333;}

/* 新闻动态 轮播 */



.news-section1{margin-top: 0.4rem; margin-bottom: 0.75rem;}



.news-slide .swiper-wrapper{padding-bottom: 0.5rem;}

.news-slide .swiper-wrapper .swiper-slide{background: #ffffff; box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.1);}



.padright0{padding-right: 0px;  }



.news-section1-left{padding: 0.4rem;}

.news-section1-left img{height: 3.36rem; object-fit: cover; width: 100%;}

.news-p-time span{font-size: 0.16rem; color: #888888;font-weight: 400; font-family: "DINRegular";line-height: 0.24rem;}



.news-section1-right{padding:0.6rem  0.42rem 0.5rem 0.1rem; height: 4.16rem; overflow: hidden;}

.news-section1-right h3{ font-size: 0.26rem; line-height: 0.34rem; color: #333333; margin-bottom: 0.19rem; margin-top: 0.26rem;font-weight: 500; height: 0.34rem; overflow: hidden;}

.news-section1-right:hover h3{color: #EB4709;}

.news-slide-txt{font-size: 0.16rem; line-height: 0.3rem; margin-bottom: 1.07rem;color: #888888;font-weight: 400; height: 0.6rem; overflow: hidden;}

.swiper-pagination-bullet{border: 2px solid rgba(50,66,92,1); background: none;}

.swiper-pagination-bullet.swiper-pagination-bullet-active{border: 0; background: #EB4709;}

@media (min-width: 990px){



	.news-section1 .col-md-7 ,.news-section1 .col-lg-7{width: 56%;} 



	.news-section1 .col-md-5 ,.news-section1 .col-lg-5{width: 44%;}



	}



.mr0-ml0{margin-left: 0; margin-right: 0;}

.news-item{text-align: left;}

.news-item-img{height: 2.9rem; overflow: hidden; padding: 0;}

.news-item-img img{transition: all .3s ease; transform: scale(1);}

.news-item-content{ padding: 0.31rem 0.34rem 0.23rem;}

.news-item-content h3{font-size: 0.22rem;font-weight: 500;color: #333333;line-height: 0.34rem;transition: all .3s ease;}

.news-item-content p{font-size: 0.14rem;font-weight: 400;color: #888888;line-height: 0.24rem;}

.news-item-content p.news-item-p1{ height: 0.48rem; overflow: hidden; padding: 0; margin-top: 0.19rem; margin-bottom:0.47rem ;transition: all .3s ease;}

.news-item-content p.news-item-p2{font-family: "DINRegular"; display: flex; align-items: center; justify-content: space-between;padding: 0; height: 0.36rem;}

.news-item-content p.news-item-p2 .honour-btn{transform: scale(0); display: none; transition: all .8s ease;}

.news-item:hover{top: 0;}

.news-item:hover .news-item-content h3,.news-item:hover .news-item-content p.news-item-p1{color: #EB4709;}

.news-item:hover .news-item-content .honour-btn{ transform: scale(1);display: flex;}

.news-item:hover .news-item-content .news-jiantou{display: none;}

.news-item:hover .news-item-img img{transform: scale(1.1);}

.news-list{padding-bottom: 1.2rem; margin-top: -0.9rem;}

/* 行业热点 */

.news2-bg{background: #F5F6F8;}

.news-section3 {padding-top: 0.3rem; padding-bottom: 1.2rem;}



.weui-media-box_appmsg{



	display: -webkit-box;



	display: -webkit-flex;



	display: flex;



	-webkit-box-align: center;



	-webkit-align-items: top;



	align-items: top;



	}



	.weui-media-box__title {



		font-weight: 400;



		font-size: 0.22rem;



		line-height: 0.34rem;



		color: #333333;



		width: auto;



		overflow: hidden;



		text-overflow: ellipsis;



		white-space: nowrap;



		word-wrap: normal;



		word-wrap: break-word;



		-webkit-hyphens: auto;



		hyphens: auto;



		transition: all .3s;



	}



.weui-media-box{padding: 0.3rem 0; position: relative;}



.weui-media-box_appmsg .weui-media-box__hd {



	margin-left: 5.79%;



	width: 28.43%;



	max-height: 2.3rem;



	/* line-height: 2.5rem; */



	text-align: center;

	overflow: hidden;



}



.weui-media-box_appmsg .weui-media-box__thumb {



	width: 100%;



	max-height: 100%;



	vertical-align: top;



	transition: all .3s;



	object-fit: cover;

  

}



.weui-media-box_appmsg .weui-media-box__bd {



	-webkit-box-flex: 1;



	-webkit-flex: 1;



	flex: 1;



  min-width: 0;

  position: relative;

  border-bottom: 0.01rem solid #E5E5E5;



}

.weui-media-box_appmsg .weui-media-box__bd::after{

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #EB4709;

  height: 1px;

  width: 0;

  opacity: 0;

  transition: all 0.6s ease-out;

  -webkit-transition: all 0.6s ease-out;

}





.weui-media-box__desc {



	color: #888888;



  font-size: 0.16rem;

  font-weight: 400;



	line-height: 0.3rem;



	padding-top: 3.1%;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	word-wrap: break-word;



	-webkit-hyphens: auto;



	hyphens: auto;



}



.time-more{



  font-family:"DINRegular";

  

  font-size: 0.14rem;

  font-weight: 400;

  line-height: 0.24rem;

  color: #888888;

  margin-bottom: 0.21rem;

  padding-top: 0;



	transition: all .3s;



}



.weui-media-box:hover .weui-media-box__title,.weui-media-box:hover .weui-media-box__desc{ color: #EB4709;}



.weui-media-box .weui-media-box__thumb:hover{transform: scale(1.1);}

.weui-media-box:hover  .weui-media-box__bd::after{width:100%; opacity: 1;}

/* 新闻页分页 */

.news-pages{margin-top: 0.5rem;}

 .pager li>a, .pager li>span{width: 0.5rem; height: 0.5rem; text-align: center; line-height: 0.5rem; background: #ffffff;color: #666666; border-radius: 50%;padding: 0;margin-right: 0.3rem;}

.pager li>a.active{background: #EB4709; color: #ffffff;}

.pager li>a:hover{border: 1px solid #EB4709; color: #EB4709; background: #ffffff;}

/* 新闻详情页 */

.newsDetail{background: #F5F6F8; padding-top: 0.4rem;}



.breadcrumb.news-detal-breadcrumb{background: transparent; color: #666; flex: 12;justify-content:unset; margin-bottom: 0.3rem}



.breadcrumb.news-detal-breadcrumb>li+li:before{content: ">";color: #666;}



.news-content-box{padding: 0.85rem 2rem 0.65rem; background: #fff; margin-bottom: 1rem;}



.news-del-title{border-bottom: 0.01rem solid #E5E5E5;}



.news-del-title h3{color: #212121;font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.4rem;font-weight: 500;}



.news-del-title p {margin-bottom: 0.3rem;}



.news-del-title p span{color: #919191;font-size: 0.14rem; line-height: 0.26rem; margin-right: 0.43rem;font-family: "DINRegular"; }



.news-del-content{padding: 0.5rem 0  0.8rem; font-size: 0.16rem;border-bottom: 0.01rem solid rgb(240, 240, 240); overflow: hidden;}



.news-del-content img{max-width: 100%;}

.news-del-content p{line-height: 0.28rem;}



.news-del-content *{font-size: inherit;}



.news-del-link{padding-top: 0.5rem;}



.news-del-link p{font-size: 0.16rem; line-height: 0.28rem; margin-bottom: 0.48rem;color: #212121;}



.news-del-link p a{padding: 0.15rem 0.35rem; background: #f6f6f6; margin-right: 0.26rem; display: inline-block;}



@media (max-width: 950px){



	.news-content-box{padding: 0.85rem 0.5rem 0.65rem; background: #fff; margin-bottom: 1rem;}



}

/* 联系我们 */

.contact-1{margin-top: 0.78rem; }



.contact-1 .contact-list{position: relative; height: 0.80rem;}



.contact-1 .contact-list img{position: absolute; width: 0.72rem;}



.contact-1 .contact-list div{padding-left: 0.9rem;}



.contact-1 div p{font-size: 0.18rem;color: #8C9199;font-weight: 500;line-height: 0.25rem;}

.contact-1 div p:nth-child(2){color: #212121;font-weight: 600; margin-top: 0.12rem;}



.contact-2{ overflow: hidden; margin-top: 0.71rem; margin-bottom: 1.2rem; height:6.8rem ;}

div#map{height: 100%;}

/* 留言表单 */

.bg-f6{background-color: #F5F6F8;}

.message-box{background-color: #ffffff; margin-top: 0.6rem; padding: 0.48rem 1.4rem 0.58rem; margin-bottom: 1.17rem;}



.message-box p{font-size: 0.16rem; line-height: 0.28rem;}



.message-form{margin-top: 0.75rem;}



.message-box  .form-group{ width: 48%; margin-bottom: 0.4rem; position: relative; }

.form-group.required::after{content: '*'; color: red; position: absolute; left: 0.1rem; top: 0.22rem; font-size: 16px;}



.message-box  .form-group:nth-child(odd){margin-right: 3.2%;}



.message-box  .form-control{background-color: #F5F6F7; width: 100%; height: 0.6rem;line-height: 0.5rem; border-radius: 0.04rem; border: 0; padding-left: 0.25rem;}



.form-texttarea{width: 100%  !important; }



.form-texttarea  .form-control{height: 1.98rem ; border: 0;border-radius: 0.04rem;}



.message-box input::-webkit-input-placeholder,.message-box textarea::-webkit-input-placeholder{



	color:#333 !important;



 }



 .message-box input::-moz-placeholder,.message-box textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */



	 color:#333 !important;



 }



 .message-box input:-moz-placeholder,.message-box textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */



	 color:#333 !important;



 }



 .message-box input:-ms-input-placeholder,.message-box textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 



	 color:#333 !important;



 }



 .submit-btn{width: 3rem;height: 0.6rem;background:#EB4709 ;color: #ffffff; font-size: 0.16rem;border-radius: 0.04rem;}



 @media (max-width: 767px){



	.message-box{padding: 0.2rem;}

	.message-box .form-group{width: 100%;}

	.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 15px;}

  }

  /* 加入我们 */

  @-moz-document url-prefix() {



    fieldset { display: table-cell; }

  

  }



  .talentsWanted-1{margin-top:0.87rem ;}

  .talentsWanted-1 h4{margin-bottom:0.86rem ;}

  .talentsWanted-h2-mb{margin-bottom: 0.45rem;}

  

  .jobs-list{ background-color: #ffffff; margin-bottom: 0.8rem;}

  

  .talentsWanted-box .table>thead>tr>th{  font-size: 0.18rem;color: #212121;}

  

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{height: 0.74rem; line-height: 0.74rem;border-top: 1px solid #E5E5E5;

  }

  

  .table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 0.75rem;}

  

  .table>tbody>tr>td, .table>tbody>tr>th{font-size: 0.16rem; cursor: pointer;color: #212121;}

  

  .add{position: relative;}

  

  .add::before{ content: '';

  

    position: absolute;

  

    right: 10px;

  

    top: 0.36rem;

  

    width: 0.16rem;

  

    border-top: 0.02rem solid #E5E5E5;}

  

    .add::after{

    content: '';

  

    position: absolute;

  

    right: 0.17rem;

  

    top: 0.3rem;

  

    height: 0.16rem;

  

    border-right: 0.02rem solid #E5E5E5;

  

    transition: all .3s;

  

    }

  

  .jobs-content{margin-top: 0.45rem; margin-left: 0.4rem; line-height: 0.45rem; margin-bottom: 0.86rem; margin-right: 1.1rem;}

  .jobs-content h5{font-size: 16px;font-weight: 500;color: #212121;line-height: 22px; margin-bottom: 0.08rem;}

  .jobs-content p{font-size: 0.18rem;font-weight: 400;color: #6B6F78;line-height: 32px; }

  

  .jobs-content * {font-size: inherit; line-height: inherit;}

  

  .tab-contents{display: none;transition: all .3s ease-in-out; }

  

  tr.on+.tab-contents{display: table-row;}

  

  tr.on .add::after{border-right: 0;}

  

  .talentsWanted-table tbody tr.on td{background: #F0F0F0; }

  .talentsWanted-2{  background: url("../images/contact/img.jpg") no-repeat;  background-position: left top; background-size: cover; padding: 0.94rem 0.7rem; }

 .talentsWanted-2 h4{font-size: 0.3rem;line-height: 0.42rem;font-weight: 500;color: #ffffff; margin-bottom: 0.5rem;}

 .talentsWanted-2 p{font-size: 0.18rem;font-weight: 400;line-height: 0.32rem;color: #ffffff;  max-width: 60%;}

 .talentsWanted-3{display: flex; margin-top: 0.8rem;  margin-bottom: 1rem;}

 .talentsWanted-3 .talentsWanted-3-item:not(:last-child){margin-right: 1.75rem;}

 .talentsWanted-3 .talentsWanted-3-item p{font-size: 0.18rem;line-height: 0.25rem;}

 .talentsWanted-3 .talentsWanted-3-item p:nth-child(1){font-weight: 500;color: #8C9199;}

 .talentsWanted-3 .talentsWanted-3-item p:nth-child(2){font-weight: 600;color: #212121; margin-top: 0.12rem;}

/* 影音中心 */

.audio-items{height:auto !important ;cursor: pointer;}

.audio-item{background: none !important; display: block !important;}

.audio-img-box{width: 100%;  height: 3.82rem; overflow: hidden; position: relative;}

.audio-img-play{position: absolute; left: 50%; top: 50%; width: 0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem; margin-left: -0.4rem;}
.audio-img-play .circle-play{object-fit: cover; width: 100%; height: 100%;animation: myrotate 1s linear infinite;}
.audio-img-play .icon-play{position: absolute; left: 50%; top: 50%;width: 0.26rem !important;  margin-top: -0.12rem; margin-left: -0.13rem; }

/* .audio-img-box img{object-fit: cover; width: 100%; height: 100%;} */

.audio-item p{margin: 0.24rem 0;font-size:0.22rem;font-weight: 400;color: #333333;line-height: 0.3rem; height: 0.3rem; overflow: hidden;}

/* 产品中心  智慧用电大数据平台*/

.product-container{background: #ffffff; padding: 0.5rem 0.7rem; margin-top: 0.48rem; margin-bottom: 1.2rem;}

.product-content-h4{font-size: 0.28rem;font-weight: 500;color: #212121;line-height: 0.54rem;text-align: center}

.product-content img{margin: auto;}

.product-content-img{display: flex; flex-wrap: wrap; justify-content: space-between; }

.product-content-img img{  width: 47%;  margin-bottom: 0.43rem;}

/* 产品中心2-1  智慧管理平台 - 智慧管理平台展示*/

.borbottom-e6{ border-bottom: 0.02rem solid #e6e6e6;padding-bottom: 0.72rem; margin-bottom: 0.8rem;}

.product-content-section1{ padding-top: 0.0rem;}

.product-content-section1 p{font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.3rem;}

.product2-list{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}

.product2-list-item{padding: 0.36rem 0.4rem; width: 31.8%; border: 1px solid #E5E5E5; margin-bottom: 0.3rem; transition: all .3s ease;}

.product2-list-item-title{display: flex;justify-content: space-between; align-items: center;}

.product2-title-left{flex: 1;}

.product2-list-item-title .product2-title-left h3{font-size: 0.32rem;font-weight: 400;color: #212121;line-height: 0.45rem;transition: all .3s ease; margin-bottom: 0.02rem;}

.product2-list-item-title .product2-title-left p{font-size: 0.16rem;font-weight: 400;color: #D4D8DE;line-height: 0.22rem;transition: all .3s ease;}

.product2-list-item-title .product2-title-right span{font-size:0.8rem;font-weight: 500;color: #EEEFF2;line-height: 0.97rem;font-family: "DIN";transition: all .3s ease;}

.product2-list-item-content{margin-top: 0.26rem;font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.32rem;transition: all .3s ease;}

.product2-list-item:hover{background: #EB4709;}

.product2-list-item:hover .product2-list-item-title .product2-title-left h3,.product2-list-item:hover .product2-list-item-title .product2-title-right span,.product2-list-item:hover .product2-list-item-content,.product2-list-item:hover .product2-list-item-content p{color: #ffffff;}

.product2-list-item:hover .product2-list-item-title .product2-title-left p{color: #94B5FF;}

/* 产品中心2-2  智慧管理平台 - APP功能展示 */

.product-content-section3{display: flex; flex-wrap: wrap;  justify-content: space-between;}

.product-content-section3 img{width: 28%; margin-bottom: 0.8rem;}

/* 产品中心3  */

.product3-item{background:#F5F6F8 ; padding: 0.3rem;}

.product3-item-img{height: 3.8rem; }

.product3-item-img img{object-fit: contain !important; height: 100%;}

/* 产品中心详情页 */
.product-full-img{padding:0.0rem 0 !important;}
.product-full-img img{width: 100% !important;}


.product-one{ z-index: 50; top: 18%; position: absolute;}

.prodel-left{width: 35%;background: #F5F6F8 ; padding: 0.4rem; height: 5.2rem !important;}

.prodel-left img{object-fit: contain !important; height: 100%; margin: auto;}

.prodel-title{display: flex; justify-content: space-between;align-items: center; }

.prodel-title .prodel-title-left{flex: 1; color: #ffffff;}

.prodel-title .prodel-title-left a{color: #ffffff;font-size: 0.15rem;line-height: 0.21rem;}

.back-btn{color: #32425C;

  font-size: 0.16rem;

  padding: 0.15rem 0.37rem 0.15rem 0.6rem;

  background: #ffffff url("../images/product/icon-back.png");

  background-repeat: no-repeat;

  background-position: 0.34rem center;

  background-size: 0.2rem;

  border-radius: 0.5rem;

  margin-top: 0.1rem;

  position: relative;

  transition: all .3s;

  right: 0;

  top: 0.05rem;}

  .back-btn:hover{background: #ffffff url("../images/product/icon-back.png");

    background-repeat: no-repeat;

    background-position: 0.34rem center;color: #32425C;

    background-size: 0.2rem; right: 15px;}

    .product-two{margin-top: 3rem; background: #ffffff; padding: 0.5rem 0.7rem;}

  .product-case-slide1{margin-top: 0.8rem;}

/* 应用案例 */

.case-item{padding: 0; background: none;}

.case-item-img{ height: 3.2rem; padding: 0;}

.case-item-img img{object-fit: cover !important; height: 100%;}

.case-item-txt{display: flex; justify-content: space-between;align-items: center; padding-right: 0.1rem;padding-left: 0.1rem;}

.case-item-txt p{padding: 0.25rem 0.3rem 0.25rem 0; flex: 1; text-align: left; font-size:0.18rem;font-weight: 400;color: #333333;line-height: 0.25rem;}

.case-pages{ margin-bottom: 1.2rem;}

.product-case{margin-bottom: 1.2rem;}

.product-case-swiper-container{padding-bottom: 0.4rem; }

/* 应用案例详情 */

.case-del-section1{margin-top: 0.4rem; margin-bottom: 0.4rem; background: #ffffff; padding: 0.72rem 0.7rem 0.8rem; display: flex; justify-content: center; }

.case-del-section1 .case-del-section1-left { height: 4rem;}

.case-del-section1 .case-del-section1-left img { height: 100%; object-fit: cover;}

.case-del-section1 .case-del-section1-right{ flex: 1;  padding-left: 0.7rem;}

.case-del-section1-right h4{margin-top: 0.33rem; padding-bottom: 0.4rem; margin-bottom: 0.4rem; border-bottom: 0.02rem solid #e6e6e6;}

.case-del-section1-right p{font-size: 0.18rem;font-weight: 400;color: #32425C;line-height: 0.36rem; }

.case-del-section2{background: #ffffff; padding:0.5rem 0.7rem; margin-bottom: 1.2rem;}

.product-content-section1 img{margin-top: 0rem;}

/* 解决方案1  通用解决方案*/

.solution-section2,.solution-section3,.solution2-content{display: flex; flex-wrap: wrap; justify-content: space-between;}

.solution-section2-item{width: 23%;}

.solution-section2-item .solution-section2-item-img{height: 4.28rem; overflow: hidden; }

.solution-section2-item .solution-section2-item-img img{ object-fit: cover; height: 100%; width: 100%; margin-top: 0;}

.solution-section2-item  h5,.solution-section3-item h5{font-size: 0.24rem;font-weight: 500;color: #212121;line-height: 0.33rem; margin-top: 0.16rem;}

.solution-section2-item  p,.solution-section3-item p{font-size: 0.0.18rem;font-weight: 400;color: #32425C;line-height: 0.3rem; margin-top: 0.13rem;}

.solution-section3-item{width: 31%; text-align: center;}

.solution-section3-item img{width: 1.29rem;}

.solution1-h3{margin-top: 0.3rem !important;}

/* 解决方案2  智慧用电行业解决方案*/

.solution2-bg{background: #F9F9F9;}

.solution2-container{margin-top: 0.7rem; margin-bottom: 0.7rem;}

.solution2-item{width: 47.8%;  height: 4.44rem; position: relative; margin-bottom: 0.7rem; overflow: hidden;}

.solution2-item::before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url("../images/solution/Mask.png") no-repeat; background-size: 100% 100%; transition: all .6s ease;}

.solution2-item img{width: 100%; height: 100%; object-fit: cover;}

.solution2-txt{position: absolute; left:0.6rem; right:0.6rem; bottom: 0.5rem;}

.solution2-txt p{color: #ffffff;font-size: 0.32rem;font-weight: 400;line-height: 0.45rem; margin-bottom: 0.32rem;}

.solution2-btn-bg{background: #ffffff;}

.solution2-item:hover::before{top: 100%;}

/* 应用案例 轮播*/

.product-case-slide{margin-top: -0.6rem;}

.product-case{margin-top: 0.4rem;}

.swiper-slide-img {

  height: 3.17rem;

  overflow: hidden;

}

.swiper-slide-img img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}

@media (max-width: 780px){

  .content-title{margin-bottom: 0.54rem;}

  .tab-title{flex-wrap: wrap; margin-top: 0.3rem;}

  .tab-title a{width: 50%; margin-bottom: 0.3rem;margin-left: 0;}

  .content-title{display: block;}

  .dataCenter-content-list{display: none;}

  .dataCenter-content-list.active{ display: block;}

  .dataCenter-content-list .dataCenter-content-items,.dataCenter-content-list .dataCenter-content-item{width: 100%;}

  .dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left:0%;}

  .form-box{padding: 0.3rem 0.2rem;}

  .form-box .form-inline .form-group{ width: 100%;display: flex; }

  .form-box .form-inline .form-group:nth-child(odd){margin-right: 0;}



  .FrequentlyAskedQuestion-content{padding: 0;}

  .FrequentlyAskedQuestion-content-box{padding: 0.28rem 0.3rem 0.56rem 0.6rem;}

  .brand-p-width,.teams-p-width{max-width: 96%;}

  .brand-img-item{height: 3.8rem;}

  .brand-txt h3{margin-top: 0.8rem;}

  .brand-txt p{max-width: 80%;}

  .contact-list{margin-bottom: 0.3rem;}

  .table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 15px;}

  .jobs-content { margin-right: 0.5rem;}

  .content-title-h4{font-size: 0.32rem;}

  .contact-txt h3{font-size: 0.4rem;}

  .contact-txt span{font-size: 0.24rem;}

  .talentsWanted-1{margin-top: 0.5rem;}

  .talentsWanted-1 h4{margin-bottom: 0.5rem;}

  .add::after{right: 0.19rem;}

  .talentsWanted-2{  padding: 0.5rem 0.35rem; }

  .talentsWanted-2 p{max-width: 100%;}

  .talentsWanted-3{display: block; margin-bottom: 0rem;}

  .talentsWanted-3-item{margin-bottom: 0.3rem;}

  .talentsWanted-3-item p{color: #ffffff !important;}

  .talentsWanted-2{margin-bottom: 0.5rem;}

  .news-section1-right{padding: 0.3rem;}

  .news-slide-txt{margin-bottom: 0.5rem;}

  .news-section1-right{height: 3.5rem;}

  .audio-img-box{height: 2.8rem;}

  .product-container{padding: 0.2rem;}

  .product2-list-item,.prodel-left{width: 100%;}

  .case-del-section1{flex-wrap: wrap;padding: 0.2rem;}

  .case-del-section2{padding: 0.2rem;}

  .case-del-section1 .case-del-section1-right{padding-left: 0;}

  .product-contents{padding-left: 0;}

  .product-two{margin-top: 6.8rem; padding: 0.2rem;}

  .solution-section2-item{width: 100%; margin-bottom: 0.3rem;}

  .solution-section2-item .solution-section2-item-img{height: 3.28rem;}

  .teams-slide:nth-child(even){ margin-top: 0;}

  .history #gallery-top .history-content-right h2{margin-bottom: 0.3rem;}

  .history-bar{margin-top: 0.5rem; margin-bottom: 0.9rem; }

  .history-bar .swiper-button-prev{left: 20%; top: 120%;}

  .history-bar .swiper-button-next{right: 20%; top: 120%;}

  #gallery-top .history-content-right h2{font-size: 0.8rem;}

  .honour-top-right{padding-left: 0.3rem;padding-top: 0.2rem;}

  .honour-top-right h5{margin-bottom: 0.5rem;line-height: 0.5rem; font-size:0.25rem ;}

  .honour-top{padding: 0.2rem 0.7rem 0.5rem;}

  .honour-top-left{height: 3rem;}

  .solution2-item{width: 100%;}

  .weui-media-box_appmsg{align-items: flex-end;}

  .weui-media-box_appmsg .weui-media-box__bd{padding-bottom: 0.2rem;}

  .intellectualProperty-top{padding: 0.2rem;}

  .hotline-section2-list{justify-content: flex-start;margin-bottom: 0.5rem; padding-left: 0.5rem;}

  .hotline-list-item{ margin-bottom: 0.3rem;}

  #gallery-top .history-content-right p{line-height: 0.32rem;}

  .history-title{padding-top: 0.5rem;padding-bottom: 0.5rem;}

  .dataCenter-content-list .FrequentlyAskedQuestion-content-items .dataCenter-content-item img.item-img1{margin-left: 0.2rem;margin-right: 0.2rem;}

  .question-a{left: 0.2rem;}

  .borbottom-e6{margin-bottom: 0.5rem;}

  /* .about-section2{display: block;}

  .about-section3{top: 256vh;}

  .about-section2-right{padding-left: 0; padding-top: 0.5rem;}

  .about-section2-right h4{font-size: 0.28rem;} */

  .about-banner{position: relative; min-height: auto;}

  .about-section2-bg,.about-section3,.about-section4,.about-section5{position: relative; top: 0;min-height: auto; height: auto;}

  .about-section2{display: block;}

  .about-section2 img{margin: auto;}

  .about-section2-right{padding-left: 0; padding-top: 0.5rem;}

  .about-section3-left{width: 100%; padding-left: 8%; height: auto; position: relative;}

  .about-section3-right{display: none;}

  .about-section3-left h4,.about-section3-left p{width: 100%;}

  .about-section4{padding-top: 0.5rem;}

  .about-section4-num{flex-wrap: wrap;}

  .about-section4-num .about-section4-num-item{flex: unset; width: 50%; margin-bottom: 0.3rem;}

  .about-section4-video{margin-top: 0.6rem;height: 4.8rem;}

  /* .about-section5{display: none;} */

  .footer-about{position: relative; height: auto;}

}



/* 搜索 */

.searchbox{position: fixed;height: .8rem;background: #fff;top: 0;left: 0;right: 0;padding: 0 17.7%;transform: translateY(-100%);transition: all .5s ease}

.searchleft img{width: .2rem;}

.searchleft input{flex: 1;font-size: .18rem;color: #333;padding: 0 .45rem}

.searchleft input::placeholder{color: #666}

.searchleft .btn1{font-size: .2rem;color: #666;text-transform: uppercase;font-family:"DIN";background: none;padding: 0;transition: all .3s ease}

.searchleft{display: flex;align-items: center;height: .6rem;border-bottom: 1px solid #d7d7d7}

.search-close{width:.22rem;margin-left: 9.8vw;cursor: pointer;transition: all .3s ease}

.searchbox.on{transform: translateY(0);}



.searchcon .box1{max-width: 8.6rem;margin: 0 auto;}

.searchcon{padding: 1rem 0;background:#f3f3f3}

.search-top{max-width: 4.8rem;margin: 0 auto;display: flex;margin-bottom: .3rem}

.search-top input{font-size: .16rem;color: rgb(51, 51, 51);height: .48rem;flex: 1;border: 1px solid #333;border-right: 0;padding: 0 .18rem}

.search-top #searchkey{width: 1rem;background: #333;padding: 0;height: .48rem}

.search-top #searchkey img{margin: 0 auto;width: .2rem}

.searchcon .result{font-size: .15rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .65rem}

.searchcon .item{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #333}

.searchcon .item .title{font-size: .14rem;line-height:20px;padding-left: 2px;padding-right: .16rem;border-right: 1px solid #dadada}

.searchcon .item .content{flex: 1;font-size: .16rem;color: rgb(51, 51, 51);padding: 0 .15rem}.searchcon .item .content span{color:#1f4fa5 }

.pro-con1{padding: 0 !important;}
.pro-con1 .product-content img {
  width: 100% !important;
}

/* 行业解决方案 */

.x-tit{
    text-align: center;
}
.x-tit h2{
    color:#EB4709;
    font-weight:bold;
    font-size: 36px;
    line-height: 1.6;
}
.x-tit .intro{
    color:#999;
    font-size: 16px;
    line-height: 1.6;
    font-family: arial;
    text-transform: uppercase;
}
.x-apply{
    background: url(../../../../img/19a72a49/22/02/41e5bca0d38e690ecc6bf8c5bbcb2e0a8bb8b142.jpg) no-repeat 50% 0;
    padding:6vh 0 4vh;
    width: 100%;
    overflow: hidden; background-size:cover
}

.apply .owl-carousel{
    padding:3vh 5vw 0 3vw;
}
.apply .owl-carousel .owl-stage-outer{
    padding:25px 200% 25px 0;
}
.apply .apply-item {
    padding-right: 8.1vw;
}
.apply .apply-item a{
    display: flex;
    align-items: center;

}
.apply .apply-item .img{
    width: 49.8%;
    background: #333;
}
.apply .apply-item img{
    opacity: 0.6;
}
.apply .active .apply-item img{
    opacity: 1;
}
.apply .apply-item .text{
    width: 50.2%;
    background: #fff;
    padding:5.5vh 2.25vw 7.5vh;
    box-shadow: 0 0 24px rgba(0,0,0,.1);
}
.apply .text h3{
    color:#666;
    font-size: 30px;
    font-weight: bold;
    line-height: 2;
}
.apply .text .intro{
    color:#666;
    font-size: 16px;
    line-height: 2;
    margin:1.5vh 0 7vh;
}
.apply .text span{
    display: inline-block;
    width: 158px;
    background: #EB4709;
    border:1px solid #EB4709;
    line-height: 46px;
    border-radius: 3px;
    color:#FFF;
    font-size: 14px;
    text-align: center;
}
.apply .text span:hover{
    background: none;
    color:#EB4709;
}
.apply .owl-carousel .owl-nav .owl-prev {
    left: -60px;
    background: url(../../../../img/19a72a49/22/02/18be761aaa708b84ef0c5826a5c9fb8dbe5d1b33.png) no-repeat center #fff;
}
.apply .owl-carousel .owl-nav .owl-prev:hover{
    background: url(../../../../img/19a72a49/22/02/ec23af3d00956cf7b93fa3441620e1f62cc2227c.png) no-repeat center #EB4709;
}
.apply .owl-carousel .owl-nav .owl-next {
    right: 7.2vw;
    background: url(../../../../img/19a72a49/22/02/18be761aaa708b84ef0c5826a5c9fb8dbe5d1b33.png) no-repeat center #fff;
    transform: rotate(180deg);
}
.apply .owl-carousel .owl-nav .owl-next:hover{
    background: url(../../../../img/19a72a49/22/02/ec23af3d00956cf7b93fa3441620e1f62cc2227c.png) no-repeat center #EB4709;
}
.apply .owl-carousel .owl-nav button.owl-prev, .apply .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    height: 60px;
    width:60px;
    margin-top: -30px;
    border-radius: 0;
    box-shadow: 0 0 24px rgba(0,0,0,.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


.apply .owl-carousel .owl-nav .icon-font:after {
    display: none;

}

.x-apply .more{
    text-align: center;
    margin-top:3vh;
}
.x-apply .more a{
    display: inline-block;
    width:170px;
    background: url(../../../../img/19a72a49/22/02/910b258cf72c177faad09109163c5bcdda88e0fc.png) no-repeat 42px 50%;
    color:#EB4709;
    font-size: 14px;
    line-height: 46px;
    border-radius: 24px;
    text-align: left;
    padding-left:75px;
    border:1px solid #EB4709;
}
.x-apply .more a:hover{
  background: url(../../../../img/19a72a49/22/02/c7b8606be42f7b576f44a494acd08432497662ff.png) no-repeat 42px 50% #EB4709;
  color:#fff;
}



/* 行业案例 */
.x-case{
    background: url(../../../../img/19a72a49/22/02/fbbc7e083efd21426ea6ed02cd6b07bcf3a153c6.jpg) no-repeat center top;
    background-size: cover;
    padding:6vh 0 10vh;
}
.x-case .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:5vh;
}
.b-img{
    width: 74.3%;
}
.b-img .slick-list,.b-img .slick-track{
    height: 100%;
}
.b-img .slick-slide img{
    position: absolute;
    width: 100%;
    height: 100%;
   
}
.case-nav{
    width: 22.6%;

}
.casebox.slick-slide{
  
    width: 100%;
    margin:0;
    padding:5px 0;
    border: none;
    cursor: pointer;
}
.caseitem{
   display: flex !important;
   justify-content: space-between;
   align-items: center;   
   background: #fff;
   padding:15px 0;
}
.casebox .simg{
    width:33.5%;
    height: 60px;
    overflow: hidden;
    text-align:right;
}
.casebox .simg img{
    display: inline-block;
    vertical-align: top;
}
.casebox .text{
    width:60%;
}
.casebox .text h3{
    color:#666;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.casebox .text .en{
    color:rgba(51,51,51,.5);
    font-size: 12px;
    line-height: 1.5;
    font-family: arial;
    text-transform: uppercase;
}
.case-nav .slick-prev{
    display: block;
    width: 100%;
    border:none;
    background: url(../../../../img/19a72a49/22/02/4d5339b9139c0cbb2d3eee635ad27288c5ec665e.png) no-repeat center #dfdfdf;
    height: 28px;
    font-size: 0;
    margin-bottom: 5px;
    outline: none;
}
@media(min-width:992px){
    .case-nav .slick-prev:hover{
        background: url(../../../../img/19a72a49/22/02/9a5b554447b368d4c0c2e41460e612c905860afb.png) no-repeat center #EB4709;
    }
}

.case-nav .slick-next{
    display: block;
    width: 100%;
    border:none;
    background: url(../../../../img/19a72a49/22/02/4d5339b9139c0cbb2d3eee635ad27288c5ec665e.png) no-repeat center #dfdfdf;
    transform: rotate(180deg);
    height: 28px;
    font-size: 0;
    margin-top: 5px;
    outline: none;
}
@media(min-width:992px){
 .case-nav .slick-next:hover{
    background: url(../../../../img/19a72a49/22/02/9a5b554447b368d4c0c2e41460e612c905860afb.png) no-repeat center #EB4709;
 }   
}

.slick-current .caseitem{
    background: #EB4709;
}
.slick-current .text h3{
    color:#fff;
}
.slick-current .text .en{
    color:rgba(255,255,255,.5);
}


.casebox:hover .caseitem{
    background: #EB4709;
}
.casebox:hover .text h3{
    color:#fff;
}
.casebox:hover .text .en{
    color:rgba(255,255,255,.5);
}


@media(max-width: 991px){
    body{
        padding:60px 0 50px;
    }
    .apply .owl-carousel{
        padding: 3vh 0 0 0;
    }
    .apply .owl-carousel .owl-stage-outer {
        padding: 25px 0;
    }
    .apply .apply-item{
        padding-right: 24px;
    }
    .apply .owl-carousel .owl-nav button.owl-prev, .apply .owl-carousel .owl-nav button.owl-next {
        width: 45px;
        height: 45px;
    }
    .apply .owl-carousel .owl-nav .owl-prev{
        left:0;
    }
    .apply .owl-carousel .owl-nav .owl-next{
        right:-5px;
    }
    .x-tit h2{
        font-size: 30px;
    }
    
    .apply .text .intro{
        font-size: 15px;
    }
    .apply .text span{
        width: 148px;
        line-height: 42px;
    }
    .x-case .content{
        flex-direction:column-reverse;
    }
    .b-img{
        width: 100%;
    }
    .b-img .slick-slide img{
        position: static;
    }
    .case-nav{
        width: 100%;
        padding:0 33px;
        position: relative;
        margin-bottom: 3vh;
    }
    .casebox.slick-slide{
        padding:0;
    }
    .case-nav .slick-prev{
        width: 28px;
        height: 100%;
        position: absolute;
        left:0;
        top:0;
        background: url(../../../../img/19a72a49/22/02/b3acbcc88a8440c58e9836edc81657b9b688744b.png) no-repeat center #dfdfdf;
    }
    .case-nav .slick-next{
        width: 28px;
        height: 100%;
        position: absolute;
        right:0;
        top:0;
        margin:0;
        background: url(../../../../img/19a72a49/22/02/b3acbcc88a8440c58e9836edc81657b9b688744b.png) no-repeat center #dfdfdf;;
    }
    .casebox .text h3{
        font-size: 18px;
    }

}

@media(max-width: 767px){

 .x-apply{
        padding:5vh 0;
    }
    .x-tit h2{
        font-size: 24px;
    }
    .x-tit .intro{
        font-size: 14px;
    }
    .apply .apply-item a{
        flex-wrap: wrap;
    }
    .apply .apply-item .img{
        width: 100%;
    }
    .apply .apply-item .text{
        width: 100%;
        padding:20px 15px;
    }
    .apply .apply-item{
        padding-right: 0;
    }
    .apply .owl-carousel .owl-stage-outer{
        padding-top:0;
    }
    .apply .text h3{
        font-size: 18px;
    }
    .apply .text .intro {
        font-size: 14px;
    }
    .apply .owl-carousel .owl-nav button.owl-prev, .apply .owl-carousel .owl-nav button.owl-next {
        margin-top:0;
        top:25%;
    }
    .apply .owl-carousel .owl-nav .owl-next{
        right:0;
    }
    .x-apply .more{
        margin-top:1vh;
    }
    .x-apply .more a{
        width: 150px;
        line-height: 42px;
        background: url(../../../../img/19a72a49/22/02/910b258cf72c177faad09109163c5bcdda88e0fc.png) no-repeat 34px 50%;
        padding-left: 68px;
    }
	
	
	  .x-case{
        padding:5vh 0;
    }
    .x-case .content{
        margin-top:3vh;
    }
    .casebox .simg{
        display: none;
    }
    .casebox .text{
        width: 100%;
        padding:0 10px;
        text-align: center;
    }
    .casebox .text h3{
        font-size: 16px;
    }
}


@media (max-width:1440px){
   .hor .swiper-button-prevf{left:0;}
   .hor .swiper-button-nextf{right:0;}
   .hor{padding:0 60px;}
}

@media (max-width:1024px){
  .ab_img{width:100%;}
  .qyjj{width:100%;margin-top:20px;}
  .bkaa{display:none;}
  .ab_img:before{display:none;}
  .jiantt h2{font-size:34px;}
  .jiantt h3{font-size:18px;}
  .jianwz{font-size:15px;line-height:25px;}
  .sjnm li .counter{font-size:24px;line-height:36px;}
  .sjnm li .num3{font-size:15px;}
  .fgy_tt{font-size:34px;}
  .qywh_list li{padding:25px 0;}
  .qywh_list li .img{width:54px;margin:0 auto;}
  .qywh_list li .img img{width:100%;}
  .qywh_list li .wz1{font-size:18px;padding:15px 0 10px;}
  .qywh_list li .wz2 br{display: none;}
   .qywh_list li .wz2{font-size:14px;line-height:22px;padding:0 10px;}
   .hor .swiper-slide .wz{font-size:14px;line-height:42px;}
   .hor .swiper-slide{padding:8px 8px 0;}
}

@media (max-width:768px){
    .hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
   .hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
   .hor{padding:0 46px;}
}

@media (max-width:428px){
  .jiantt h2{font-size:23px;}
  .fgy_tt{font-size:23px;}
  .sjnm li{width:50%;margin:8px 0;}
  .sjnm li .counter{font-size:35px;line-height:30px;}
  .sjnm li .num2{font-size:12px;line-height:18px;height:18px;width:18px;}
  .sjnm li .num3{margin-top:5px;}
  .qywh_list li{width:49%;margin:5px 0;}
  .fqyhj li{width:49%;}
}
.flex{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
	
	

/*  */
.box2{background: url(../../../../img/19a72a49/22/02/41e5bca0d38e690ecc6bf8c5bbcb2e0a8bb8b142.jpg) no-repeat top center;background-size: cover;padding: 5.5% 0 6.4%;overflow: hidden;}

.psort{font-size: 0;text-align: center;margin: 48px 0;}
.psort li{display: inline-block;}
.psort li a{display: block;color: #333333;font-size: 16px;border-bottom: 2px solid transparent;padding: 0 2.3vw;padding-bottom: 18px;}
.psort li.cur a{color: #EB4709;border-color: #EB4709; font-weight:bold}
.plist{margin-bottom: 54px;}
.plist li{width: 24.7%;background: #fff;border-bottom: 3px solid #fff;}
.plist li .img{display: block;overflow: hidden;}
.plist li .img img{display: block;width: 100%;transition: all 0.5s; height:350px}
.plist li:hover .img img{transform: scale(1.1);}
.bj1{display: block;text-align: center;}
.bj1 h3{color: #333333;font-size: 18px;font-weight: normal;padding:20px 0;}
.bj1 p{color: #999999;line-height: 24px;font-size: 14px;padding: 0 2.9vw;}
.plist li:hover{border-color: #EB4709;}
.plist li:hover .bj1 h3{color: #EB4709;}

.box2 .more{
    text-align: center;
    margin-top:3vh;
}
.box2 .more a{
    display: inline-block;
    width:170px;
    background: url(../../../../img/19a72a49/22/02/910b258cf72c177faad09109163c5bcdda88e0fc.png) no-repeat 42px 50%;
    color:#EB4709;
    font-size: 14px;
    line-height: 46px;
    border-radius: 24px;
    text-align: left;
    padding-left:75px;
    border:1px solid #EB4709;
}
.box2 .more a:hover{
  background: url(../../../../img/19a72a49/22/02/c7b8606be42f7b576f44a494acd08432497662ff.png) no-repeat 42px 50% #EB4709;
  color:#fff;
}

@media (max-width:1600px){
	.plist li .img img{ height:300px}
}
@media (max-width:1440px){
	.plist li .img img{ height:280px}
	
}

@media (max-width:1280px){
	.plist li .img img{ height:250px}
}

@media (max-width:960px){
	.plist li{ width:49%}
	.plist li .img img{ height:230px}
}

@media (max-width:768px){
	.plist li .img img{ height:200px}
}